<demo>文字类型</demo>
<template>
  <Switch v-model:value="bool1" size="big">
    <template v-slot:close>
      <span class="close-text">关</span>
    </template>
    <template v-slot:open>
      <span class="open-text">开</span>
    </template>
  </Switch>
  <Switch v-model:value="bool2">
    <template v-slot:close>
      <span class="close-text">off</span>
    </template>
    <template v-slot:open>
      <span class="open-text">on</span>
    </template>
  </Switch>
  <Switch v-model:value="bool3" size="small">
    <template v-slot:close>
      <span class="close-text">off</span>
    </template>
    <template v-slot:open>
      <span class="open-text">on</span>
    </template>
  </Switch>
</template>
<script lang="ts">
import { ref } from "vue";
import Switch from "../lib/Switch.vue";
export default {
  components: { Switch },
  setup() {
    const bool1 = ref(false);
    const bool2 = ref(true);
    const bool3 = ref(false);
    return { bool1, bool2, bool3 };
  },
};
</script>
